/*首页bnne*/
.pc{display: block;}
.wap { display: none !important;}
.mainindex{ overflow:hidden; width:100%; z-index:1}
.index-banner{overflow:hidden;position:relative;z-index: 2;}
.banner-slide{width: 100%;}
.banner-slide li{float:left;}
.index-banner li img{ width:100%; display:block; position:relative;}
.index-banner .flex-control-nav{ position:absolute; width:100%; height:13px; text-align:center; bottom:20px; left:0; z-index:5;}
.index-banner .flex-control-nav li{display:inline-block;height: 13px;margin:0 5px;width: 13px;float:none;}
.index-banner .flex-control-nav li a{display:block;text-indent: -99999px;height: 14px;width: 15px;cursor:pointer;background:url(../images/dot.png) 0 0 no-repeat;}
.index-banner .flex-control-nav li a.flex-active{ background:url(../images/dot.png) -25px 0 no-repeat;}

.index-solution{ background:#fff; padding-bottom:70px; overflow:hidden;}
.indextitle{ text-align:center; font-size:14px; color:#666; line-height:20px; width:570px; margin:0 auto; padding-top:54px; padding-bottom:28px; position:relative; z-index:1}
.indextitle h2{ color:#000; font-size:30px; line-height:35px; margin-bottom:11px;}
.indextitle span{ display:block; width:50px; height:1px; background:#999; margin:0 auto 10px;}
.subindexso{ position:relative;}
.indexsobox,.indexprobox,.indexcasebox{ overflow:hidden; position:relative}
.indexsoul{ width:9999px;}
.indexsoul li{ width:290px; float:left; margin-right:13px; position:relative}
.indexsoul li a{ display:block;}
.indexsoul h2{font-size:20px;color:#f8f7f7;text-align:center;background:#134a91;height:60px;line-height:22px;display:table;width: 280px;overflow:hidden;padding: 0 5px;}
.indexsoul h2 span{ display:table-cell; height:60px; vertical-align:middle}
.indexsoul li img{ display:block; width:290px; height:217px;}
.indexsoul li:hover h2{ background:#63a7ef}
.indexsoul li  em{ display:block; overflow:hidden;}
.indexsotxt{ border:1px solid #ddd; border-top:none; font-size:14px; color:#666; line-height:20px; text-align:center; padding:13px 25px 26px;}
.indexmore{ -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; color:#fff; width:95px; height:30px; text-align:center; line-height:30px; margin:14px auto 0; background:#134a91; display:block;}
.indexsoul li p{ height:60px; overflow:hidden; text-align:left;}
.indexleft,.indexright{ display:block; width:63px; height:63px; position:absolute; top:50%; margin-top:-31px; cursor:pointer}
.indexleft{ background:url(../webimages/left01.png) no-repeat; left:-33px;}
.indexright{ background:url(../webimages/right01.png) no-repeat; right:-33px;}

.idnexproduct{ background:#63a7ef; padding-bottom:68px; overflow:hidden;}
.idnexproduct .indextitle,.idnexproduct .indextitle h2{ color:#fff;}
.idnexproduct .indextitle span{ background:#fff;}
.subindexpro{ position:relative}
.subindexpro ul{ width:9999px;}
.indexprobox li{ float:left; margin-right:14px; width:290px; position:relative}
.indexprobox li a{ display:block; background:#fff; padding:10px 10px 27px; overflow:hidden; color:#666; line-height:22px; text-align:center}
.indexprobox img{ display:block; width:209px; height:209px; margin:0 auto;}
.indexprobox li em{ display:block; height:209px; background:url(../images/probg.jpg) no-repeat;}
.indexprobox li h2{ font-size:20px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:17px 0 10px;}
.indexprobox li p{ height:44px; overflow:hidden; text-align:left;}
.indexprobox li .indexmore{ margin:20px auto 0;}

.indexcase{ background:#fff; padding-bottom:70px; overflow:hidden;}
.subindexcase{ position:relative;}
.indexcasebox  ul{ width:9999px;}
.indexcasebox li{ float:left; margin-right:13px; position:relative; overflow:hidden; width:392px; height:294px;}
.indexcasebox li img{ display:block; width:392px; height:294px;}
.indexcasebox li>div{ display:block; position:absolute; width:382px; height:100%; left:0; top:0; background:url(../images/casebg.png) no-repeat; padding-left:10px; color:#fff;}
.indexcasebox li>div span{ display:block; font-size:20px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:2px; margin-top:225px;}

.indexnew{ padding-bottom:60px; overflow:hidden;}
.indexnewnav{text-align:center;padding-bottom:45px;position: relative; display:none;}
.indexnewnav a{ display:inline-block; width:138px; height:30px; text-align:center; line-height:30px; font-size:16px; color:#134a91; background:#fff; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; margin:0 3px;}
.indexnewnav a:hover,.indexnewnav a.cur{ color:#fff; background:#134a91}
.tehnew{ float:left; width:374px; margin-right:26px; border-top:3px solid #fff; position:relative}
.tehnew dl{ padding:24px 0 14px;}
.thenew dt{ float:left; width:104px; height:104px; overflow:hidden; position:relative;}
.thenew dt img{ display:block; position:absolute; width:138px; height:104px; left:50%; margin-left:-70px; top:0; z-index:1}

.thenew dt a{ display:block; width:104px; height:104px; position:absolute; background:url(../images/newbg.png) no-repeat; left:0; top:0; z-index:3}
.thenew dd{ width:258px; float:right; line-height:20px;}
.thenew dd p{ height:40px; overflow:hidden; color:#d8e7fa;}
.thenew dd h2{ margin:22px 0 8px;}
.thenew dd h2 a{ display:block; font-size:20px; color:#fff;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tehnew .indexmore{ background:#fff; margin:0; color:#134a91}
.indexnewbox{ overflow:hidden; position:relative}
.indexnewdiv{ width:1300px; display:none;}

.bannertxt{ width:100%; left:0; top:0; z-index:8; position:absolute}